<template>
  <view class="uni-flex-column container">
    <view class="content">
      <view class="h1">不满意？24小时内反馈，立即更换服务人员！</view>
      <view class="h1 margin-btm">一、保障内容</view>
      <view class="h2 margin-btm">若您对当前服务人员不满意，可在服务开始后24小时内提出反馈，平台将免费更换更合适的服务人员。</view>
      <view class="h2">新服务人员将重新开始服务，确保您的需求得到满意解决。</view>
      <view class="h1 margin-btm">二、适用条件</view>
      <view class="h2 margin-btm">1.服务类型：适用于平台提供的标准化服务项目（如保洁、维修、安装等）。</view>
      <view class="h2 margin-btm">2.反馈时效：需在服务开始后24小时内提交申请（超时按正常售后流程处理）。</view>
      <view class="h2 margin-btm">3.合理理由：如服务态度差、技能不符、未按约定执行等。</view>
      <view class="h1 margin-btm">三、操作流程</view>
      <view class="h2 margin-btm">进入订单 → 点击售后“申请更换服务人员”。</view>
      <view class="h2 margin-btm">选择原因 → 提交简单说明（可附照片/视频）。</view>
      <view class="h2 margin-btm">平台审核 → 通过后立即安排新服务人员接单。</view>
      <view class="h1 margin-btm">四、注意事项</view>
      <view class="h2 margin-btm">恶意滥用将影响信用评级，可能导致权益受限。</view>
      <view class="h2 margin-btm">更换后，原服务人员未完成的部分将重新计算服务时间。</view>
      <view class="h2 margin-btm">您的满意，是我们的首要任务！</view>
      <view class="h2">（本规则最终解释权归[平台名称]所有）</view>
    </view>
  </view>
</template>

<script setup>
import { ref, onMounted, reactive } from 'vue';
import { onLoad } from '@dcloudio/uni-app';

const info = reactive({
  orderId: ''
});

onLoad((option) => {
  console.log(option, 'option');
});
</script>

<style lang="scss" scoped>
.container {
  background: #ffffff;
  height: 100vh;
  box-sizing: border-box;

  .content {
    flex: 1;
    padding: 25rpx 25rpx 60rpx;
    overflow-y: auto; // 允许滚动

    .h1 {
      line-height: 50rpx;
      font-family: PingFangSC, PingFang SC;
      font-size: 32rpx;
      font-weight: 500;
      color: #303133;
    }

    .h2 {
      line-height: 50rpx;
      font-family: PingFangSC, PingFang SC;
      font-size: 28rpx;
      font-weight: 500;
      color: #303133;
    }
  }
}
.margin-btm{
	margin-bottom: 10rpx;
}
</style>
